<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<jsp:include page="/WEB-INF/views/layouts/head.jsp"></jsp:include>
<html>
<head>
<title>包车详情</title>
<link href="${ctxStatic }/index/css/details(1).css" rel="stylesheet">
<link href="${ctxStatic }/index/css/daycars.css" rel="stylesheet">
<link href="${ctxStatic }/xiake/css/list.css" rel='stylesheet' type='text/css' />
<link href="${ctxStatic }/xiake/css/style.css" rel='stylesheet' type='text/css' />
<script src="${ctxStatic }/index/js/details.js"></script>
<script type="text/javascript">
$(function() {
	$('.tstyle').click(function(){
		$("#tsy").val($(this).attr("value"));
		$('#searchForm').submit();
	});
	$("#lowestprice").html($("#lowest").text());
})
function page(n,s){
	$("#pageNo").val(n);
	$("#pageSize").val(s);
	$("#searchForm").submit();
	return false;
}
</script>
</head>
<body><input type="hidden" id="menuInfo" value="indexTravelRent">
<div style="width: 100%;height: 10px;background-color: white;padding-top: 110px"></div>
<div class="move">

<div class="moveto">
    <div class="router_0">
        <a href=""><img src="https://www.xiakeyueche.com${tLine.linepic }"></a>
        <div class="rightword">
            <p class="router_1">旅游路线:</p>
            <p class="router_2">${tLine.linename }</p>
            <span class="router_3">天数：</span><span>${tRentgroup.daysnum }天</span>
            <span class="fa fa-cny" style="font-size: 18px" id="lowestprice">&nbsp;</span>
        </div>
    </div>
    <div class="de_right" style="width: 400px" >
        <div class="container" style="width: 500px">
            <p class="line_router">线路描述:</p>
            <ul class="tabs">
        <c:forEach items="${map}" var="item">  
            <c:if test="${item.key==1 }">
             <li class="active">
                <a href="#tab${item.key }">第1天</a>
             </li></c:if>
            <c:if test="${item.key!=1 }">
             <li >
                <a href="#tab${item.key }">第${item.key }天</a>
             </li></c:if>
         </c:forEach> 
         </ul>
         <div class="tab_container" >
         <c:forEach items="${map}" var="item"> 
                <div id="tab${item.key }" class="tab_content" >
               <pre style="white-space: pre-wrap;">${item.value }</pre>
               
                    <p id="line_router">线路须知:</p>
                    <p>1、如用车人临时更改行车路线，需与车队自行协商，产生的额外费用也由用车人自行承担；</p>
                    <p>2、霞客约车倡导自主性、个性化的包车旅行，如个别游玩景点需要调整，可线下与车队沟通，实际执行以线下协商为准；
                    </p>
                    <p>3、以上行程时间及景点顺序安排仅供参考，可根据实际情况调整游览顺序，景区游玩时间以游客与司机的约定为准。如遇旺季或节假日可能会出现堵车严重而造成的时间延迟的情况，敬请谅解。</p>
                </div>
         </c:forEach>    
            </div>
        </div>
    </div>
</div>
</div>
<form id="searchForm" action="${ctxFront }/rentproduct/traveldetails" method="get">
<input type="hidden" name="tstyle" value="${param.tstyle }" id="tsy"/>
<input type="hidden" name="rentgrpid" value="${param.rentgrpid }" id="rentgrpid"/>
<input type="hidden" name="departcity" value="${param.departcity }" id="departcity"/>
<input type="hidden" name="destcity" value="${param.destcity }" id="destcity"/>
<input type="hidden" name="linename" value="${param.linename }" id="linename"/>
<input type="hidden" name="daysnum" value="${param.daysnum }" id="daysnum"/>
<input type="hidden" name="lowestPrice" value="${param.lowestPrice }" id="lowestPrice"/>
<input type="hidden" name="linepic" value="${param.linepic }" id="linepic"/>
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
</form>
<div class="date">
    <div class="cars-box">
        <p style="padding-bottom: 10px;border-bottom: 1px dashed #cdcdcd;">选择车型：</p>
        <ul class="car-list">
            <li class="car-il car-title">
                <a href="javascript:;" value="" class="tstyle">
                    <i class="iconfont" style="color: #00b388;font-size: 38px;line-height: 50px;">&#xe61d;</i>
                    <span class="m-txt car-tgreen">不限</span>
                </a>
            </li>
            <li class="car-il">
                <a href="javascript:;" value="xc" class="tstyle">
                    <i class="iconfont ico_c"  <c:if test="${tstyle=='xc' }">style="color: #00b388;font-size: 50px;line-height: 50px;"</c:if>>&#xe66c;</i>
                    <span class="m-txt <c:if test="${tstyle=='xc' }">car-tgreen</c:if>">4座小车</span>
                </a>
            </li>
            <li class="car-il">
                <a href="javascript:;" value="swc" class="tstyle">
                    <i class="iconfont ico_c" <c:if test="${tstyle=='swc' }">style="color: #00b388;font-size: 50px;line-height: 50px;"</c:if>>&#xe607;</i>
                    <span class="m-txt <c:if test="${tstyle=='swc' }">car-tgreen</c:if>">6座商务车</span>
                </a>
            </li>
            <li class="car-il">
                <a href="javascript:;" value="xb" class="tstyle">
                    <i class="iconfont ico_c" <c:if test="${tstyle=='xb' }">style="color: #00b388;font-size: 50px;line-height: 50px;"</c:if>>&#xe61b;</i>
                    <span class="m-txt <c:if test="${tstyle=='xb' }">car-tgreen</c:if>">14座以下小巴</span>
                </a>
            </li>
            <li class="car-il">
                <a href="javascript:;" value="zb" class="tstyle">
                    <i class="iconfont ico_c" <c:if test="${tstyle=='zb' }"> style="color: #00b388;font-size: 50px;line-height: 50px;"</c:if>>&#xe665;</i>
                    <span class="m-txt <c:if test="${tstyle=='zb' }">car-tgreen</c:if>">24座以下中巴</span>
                </a>
            </li>
            <li class="car-il">
                <a href="javascript:;" value="db" class="tstyle">
                    <i class="iconfont ico_c" <c:if test="${tstyle=='db' }">style="color: #00b388;font-size: 50px;line-height: 50px;" </c:if> >&#xe65d;</i>
                    <span class="m-txt <c:if test="${tstyle=='db' }">car-tgreen</c:if>">25座以上大巴</span>
                </a>
            </li>

        </ul>
    </div>
</div>
			<script>
		$(function(){
			    var hif=true;
			$('.caro_jia').click(function(){
				if(hif){
				$(this).css('background','url(${ctxStatic }/index/images/jian.png)');
								$(this).siblings('.hid_price').slideDown();
				hif=false;
				}else{
				$(this).css('background','url(${ctxStatic }/index/images/jia.png)');
				      $(this).siblings('.hid_price').slideUp();
				hif=true;
				}
			})
		     	hif!=hif;

		})
	</script>
<div class="box">
<c:if test="${not empty cargotypeList }">
<c:forEach items="${cargotypeList }" var="cargotype">
    <div class="carday_vs">
        <div class="carf_list">
            <div class="carf_oi">
                <div class="carg_i">
                    <div class="carg_l_img">
                        <img src="${cargotype.images }" />
                    </div>
                    <div class="carg_r_ex">
                        <div class="carg_nm">
                            <p>
                                <span>${cargotype.typename }</span>
                                <span>
               	    	 	 	   	   	   	    <i class="cig-ico01"></i>
               	    	 	 	   	   	   	    <b>载客${cargotype.seats }人</b>
               	    	 	 	   	   	   </span>
                                <span>
               	    	 	 	   	   	   	    <i class="cig-ico02"></i>
               	    	 	 	   	   	   	    <b>行李${cargotype.packs }件</b>
               	    	 	 	   	   	   </span>
                            </p>
                            <p>${cargotype.typedesc }</p>
                        </div>
                    </div>
                    <div class="carg_kl">
                       <p id="lowest">￥${cargotype.rentproductList[0].suitrtnprice }起</p>
                        <p>共报价&nbsp;<b>${fn:length(cargotype.rentproductList)}</b>&nbsp;个</p>
                    </div>
                </div>
                <div class="caro_li">
                    <div class="caro_ik_tit">
                        <span>车队</span>
                        <span >特色服务</span>
                        <span>价格</span>
                        <span>操作</span>
                    </div>
                    <div class="caro_body">
                        <c:if test="${fn:length(cargotype.rentproductList)!=1}"><i class="caro_jia"></i></c:if>
                        <c:forEach items="${cargotype.rentproductList }" var="rentproduct" varStatus="vs">
                        <div class="caro_ik <c:if test='${vs.index==0 }'>m_price</c:if> <c:if test='${vs.index!=0 }'>hid_price</c:if> ">
                            <span>${rentproduct.office.abbr }</span>
                            <span >
                            <c:if test="${rentproduct.office.iswifi == '1' }">无线wifi</c:if>
							<c:if test="${rentproduct.office.powersupply == '1' }">车载充电</c:if>
							<c:if test="${rentproduct.office.tablewater == '1' }">免费饮用水</c:if>
							<c:if test="${rentproduct.office.businesssuit == '1' }">商务正装</c:if>
							<c:if test="${rentproduct.office.paper == '1' }">免费纸巾</c:if></span>
                            <span>${rentproduct.suitrtnprice } 元</span>
                            <span>
<%-- <a href="javascript:window.location.href=
'${ctxFront }/rentproduct/travelbook?suitrtnprice=${rentproduct.suitrtnprice }
&productname=${rentproduct.productname }&daysnum=${tRentgroup.daysnum }
&iswifi=${rentproduct.office.iswifi }&typename=${cargotype.typename }
&powersupply=${rentproduct.office.powersupply }&tablewater=${rentproduct.office.tablewater }
&businesssuit=${rentproduct.office.businesssuit }&paper=${rentproduct.office.paper }
&abbr=${rentproduct.office.abbr }&fromdateStr='+$('#fromdateStr').val()" class="book">预定</a> --%>
<a href="javascript:window.location.href='${ctxFront }/rentproduct/details?daysnum=${rentproduct.daysnum }&iswifi=${rentproduct.office.iswifi }&images=${cargotype.images }&powersupply=${rentproduct.office.powersupply }&tablewater=${rentproduct.office.tablewater }
&businesssuit=${rentproduct.office.businesssuit }&paper=${rentproduct.office.paper }&rentType=5&rentid=${rentproduct.rentid}&fromdateStr=${tRentproduct.fromdateStr }'">预定</a>
               	    	 	</span>
                        </div>
               	    	 </c:forEach>	 	 	 
                    </div>
                </div>
            </div>
        </div>
    </div>
   </c:forEach>
   </c:if>
   <c:if test="${empty cargotypeList }">
		<div style="width:100%;text-align: center;margin:20px;font-size:14px;color:#607D8B;float: left;">霞客君太懒，您要的产品还没有上架。您可以试试<a href="${ctxFront }/rentproduct/demands/form" style="color:#4FBDBA;">定制包车</a>哦~</div>
	</c:if>
	<c:if test="${not empty page.list }">
	<div style="text-align: center;width: 100%;float: left;">
		<div class="pagination  font_normal_size" >${page.html}</div>
	</div>
	</c:if>
</div>
  
</body>
<jsp:include page="/WEB-INF/views/layouts/foot.jsp"></jsp:include>
</html>